<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window portal-main" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/contents/content,$model/UI2/system/components/justep/model/model,$model/UI2/system/components/bootstrap/row/row,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/contents/contents,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/button/button,">  
  <div xmlns="" component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}" data-events="onLoad:modelLoad"/>  
  <div xmlns="" component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;X5 demo&quot;}"> 
    <div class="x-titlebar-left" xid="div1"> 
      <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="menuBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:menuBtnClick" data-config="{&quot;icon&quot;:&quot;icon-navicon-round&quot;}"> 
        <i xid="i1" class="icon-navicon-round"/>  
        <span xid="span1"/> 
      </a> 
    </div>  
    <div class="x-titlebar-title" xid="div2">X5 demo</div>  
    <div class="x-titlebar-right " xid="div3"> 
      <div class="empty"/> 
    </div> 
  </div>  
  <div xmlns="" component="$model/UI2/system/components/justep/contents/contents" class="x-contents" xid="carousel" style="height:240px;" data-bind="component:{name:'$model/UI2/system/components/justep/contents/contents'}" data-events="onActiveChange:carouselActiveChange" data-config="{&quot;active&quot;:0}"> 
    <div class="x-contents-content active" xid="page1" style="background:url(@justepContextPath@/UI2/demo/main/images/01.png)" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
      <img src="@justepContextPath@/UI2\demo\main\images\1.png"/> 
    </div>  
    <div class="x-contents-content" xid="page2" style="background:url(@justepContextPath@/UI2/demo/main/images/02.png)" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
      <img src="@justepContextPath@/UI2/demo/main/images/2.png"/> 
    </div>  
    <div class="x-contents-content" xid="page3" style="background:url(@justepContextPath@/UI2/demo/main/images/03.png)" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
      <img src="@justepContextPath@/UI2/demo/main/images/3.png"/> 
    </div>  
    <ol class="carousel-indicators" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
      <li index="0" class="active"/>  
      <li index="1" class=""/>  
      <li index="2" class=""/> 
    </ol> 
  </div>  
  <div xmlns="" class="container"> 
    <div component="$model/UI2/system/components/bootstrap/row/row" class="row grid9" xid="row1" data-bind="component:{name:'$model/UI2/system/components/bootstrap/row/row'}"> 
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col1"> 
        <div class="card"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button1" url="/system/components/justep/list/demo/news.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-android-sort&quot;,&quot;label&quot;:&quot;List&quot;}"> 
            <i xid="i2" class="icon-android-sort" style="color: rgb(153, 196, 18);"/>  
            <span xid="span2"/> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col2"> 
        <div class="card"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button2" url="/demo/device/process/geolocation/mainActivity.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-android-earth&quot;,&quot;label&quot;:&quot;地图定位&quot;}"> 
            <i xid="i2" class="icon-android-earth" style="color: #2fa4e7;"/>  
            <span xid="span2"/> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col3"> 
        <div class="card"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button3" url="/demo/device/process/barcode/mainActivity.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-android-hand&quot;,&quot;label&quot;:&quot;扫一扫&quot;}"> 
            <i xid="i2" class="icon-android-hand"/>  
            <span xid="span2"/> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col4"> 
        <div class="card"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button4" url="/demo/device/process/audio/mainActivity.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-android-microphone&quot;,&quot;label&quot;:&quot;音频录播&quot;}"> 
            <i xid="i2" class="icon-android-microphone" style="color: black;"/>  
            <span xid="span2"/> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col5"> 
        <div class="card"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button5" url="/demo/device/process/accelerometer/mainActivity.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-game-controller-b&quot;,&quot;label&quot;:&quot;加速度&quot;}"> 
            <i xid="i2" class="icon-game-controller-b" style="color: rgb(252, 100, 0);"/>  
            <span xid="span2"/> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col6"> 
        <div class="card"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button6" url="/demo/device/process/camera/mainActivity.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-android-camera&quot;,&quot;label&quot;:&quot;摄像头&quot;}"> 
            <i xid="i2" class="icon-android-camera" style="color: black;"/>  
            <span xid="span2"/> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
        <div class="card"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button7" url="/takeout/index.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-bag&quot;,&quot;label&quot;:&quot;外卖&quot;}"> 
            <i xid="i2" class="icon-bag" style="color: rgb(202, 14, 222);"/>  
            <span xid="span2"/> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1"> 
        <div class="card"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button8" url="/demo/uiSample/todoMVC/index.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-android-checkmark&quot;,&quot;label&quot;:&quot;TodoMVC&quot;}"> 
            <i xid="i2" class="icon-android-checkmark" style="color: rgb(153, 196, 18);"/>  
            <span xid="span2"/> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col10"> 
        <div class="card" xid="div4"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button9" url="/system/components/justep/messageDialog/demo/demo.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-android-forums&quot;,&quot;label&quot;:&quot;消息框&quot;}"> 
            <i xid="i3" class="icon-android-forums" style="color:#FF80C0;"/>  
            <span xid="span3">消息框</span> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col11"> 
        <div class="card" xid="div5"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button10" url="/system/components/bootstrap/row/demo/grid.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-grid&quot;,&quot;label&quot;:&quot;九宫格&quot;}"> 
            <i xid="i4" class="icon-grid" style="color: rgb(153, 196, 18);"/>  
            <span xid="span4">九宫格</span> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col12"> 
        <div class="card" xid="div6"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button11" url="/system/components/justep/input/demo/input.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-edit&quot;,&quot;label&quot;:&quot;输入框&quot;}"> 
            <i xid="i5" class="icon-edit" style="color:#0080FF;"/>  
            <span xid="span5">输入框</span> 
          </a> 
        </div> 
      </div>  
      <div class="col cell col-xs-3 col-sm-2 col-md-2 col-lg-1" xid="col13"> 
        <div class="card" xid="div7"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top" xid="button12" url="/system/components/justep/output/demo/output.w" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:openDemo" data-config="{&quot;icon&quot;:&quot;icon-android-note&quot;,&quot;label&quot;:&quot;输出框&quot;}"> 
            <i xid="i6" class="icon-android-note" style="color:#FF8000;"/>  
            <span xid="span6">输出框</span> 
          </a> 
        </div> 
      </div> 
    </div> 
  </div> 
</div>
